<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>CongratulationS! - Welcome to visit 黄融杰</title>
    <meta name="description" content="Welcome! CongratulationS! - Welcome to visit 黄融杰" />

    <!--Google fonts-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Pacifico|Inconsolata:400,700">

    <!--vendors styles-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">

    <!-- Bootstrap CSS / Color Scheme -->
    <link rel="stylesheet" href="css/default.css" id="theme-color">
    <link rel="stylesheet" href="my.css" type="text/css">
    <script src="myjs.js" type="text/javascript"></script>
    <iframe src="head.html" frameBorder="0" width="0.01" scrolling="no" height="0.01"></iframe>

</head>

<body data-spy="scroll" data-target="#beleme-navbar" data-offset="0">


    <!--navigation-->
    <nav class="navbar navbar-expand-md navbar-dark bg-primary sticky-top sticky-navigation" id="beleme-navbar">
        <a class="navbar-brand d-md-none" href="index.html">
            数字图像处理
        </a>
        <button class="navbar-toggler navbar-toggler-right text-white" type="button" data-toggle="collapse"
            data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
            aria-label="Toggle navigation">
            <span data-feather="grid"></span>
        </button>
    

        <div class="collapse navbar-collapse" id="navbarCollapse">
           
            <ul class="navbar-nav mx-auto">
                <li class="nav-item">
                    <a class="nav-link page-scroll" href="#home" onclick="stop()">返回我的首页<span class="sr-only">(current)</span> </a>
                    
                </li>
                <li class="nav-item">
                    <a class="nav-link page-scroll" href="#about">关于我</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link page-scroll" href="#education">修读课程</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link page-scroll" href="#experience">项目经历</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link page-scroll" href="#portfolio">成果鉴赏</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link page-scroll" href="#testimonials">微信小程序</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link page-scroll" href="#contact">联系方式</a>
                </li>
            </ul>
        </div>
    </nav>



    <!--about section-->
    <section class="py-7" id="about">
        <div class="container">
            <div class="row">
                <div class="col-md-7 mx-auto text-center">
                    <h2>关于我</h2>
                    <div class="divider bg-primary mx-auto"></div>
                    <h5>
                        你好！我是<b>黄融杰</b>&emsp;浙江大学17级本科生 <br>主修海洋工程与技术专业 海洋信息方向<br>
                        辅修竺可桢学院创新与创业管理强化班（ITP）<br><br>
                    </h5>
                    </p>

                    <p>
                        获得<b>国家奖学金</b>、<b>浙江大学一等奖学金</b><br>获得学业优秀、公益服务、创新创业、社会工作四标兵称号与优秀学生称号<br>
                        获得<b>美国大学生数学建模竞赛一等奖</b>、<b>中国大学生数学建模竞赛浙江赛区一等奖</b>
                    </p>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-6 mx-auto text-center">
                    <a class="btn btn-primary" href="#experience">
                        详细工作
                    </a>
                    <a class="btn btn-outline-primary page-scroll" href="#contact">
                        联系我
                    </a>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-12 text-muted text-center font-weight-bold">我的部分工作收录在</div>
                <div class="col-md-10 mx-auto">
                    <div class="row press mt-5">
                        <div class="press-item col-lg-3 col-md-4 col-6"><a href="#"><img class="img-fluid"
                                    src="img/press/blank.png" title=" "></a>
                        </div>
                        <div class="press-item col-lg-3 col-md-4 col-6"><a href="https://github.com/Rongjiehuang"><img
                                    class="img-fluid" src="img/press/GitHub_big.png" title="View me in GitHub!"></a>
                        </div>
                        <div class="press-item col-lg-3 col-md-4 col-6"><a
                                href="https://space.bilibili.com/293288011/"><img class="img-fluid"
                                    src="img/press/bili_big.png" title="View me in bilibili!"></a></div>

                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--education section-->

    <section class="py-7 bg-light" id="education">
        <div class="align:center" style="text-align:center">
            <div class="row">
                <div class="col-md-7 mx-auto text-center">
                    <h2>培养方案修读课程</h2>
                    <div class="divider bg-primary mx-auto"></div>
                </div>
            </div>
            <div class="row mt-8">
                <div class="card">
                    <div class="align:center" style="text-align:center">
                        <h4><br>计算机科学与技术</h4>
                        <h5> &emsp;<a href="#education" class="btn btn-outline-primary page-scroll">
                                数字图像处理
                            </a>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                C程序设计基础
                            </a><br><br>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                软件技术专题
                            </a><br><br>
                            &emsp;<a class="btn btn-outline-primary page-scroll" href="#education">
                                C程序设计专题
                            </a>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                面向对象（C++）
                            </a>

                        </h5>

                    </div>
                </div>

                <div class="card">
                    <div class="align:center" style="text-align:center">
                        <h4><br>机器人、自动化控制</h4>
                        <h5> <a href="#education" class="btn btn-outline-primary page-scroll">
                                自动控制原理
                            </a>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                控制论
                            </a><br><br>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                嵌入式系统
                            </a>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                水下机器人设计
                            </a><br><br>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                信号与系统
                            </a>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                微机原理
                            </a>

                        </h5>

                    </div>
                </div>

                <div class="card">
                    <div class="align:center" style="text-align:center">
                        <h4><br>通信电子</h4>
                        <h5> <a href="#education" class="btn btn-outline-primary page-scroll">
                                通信原理
                            </a>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                水声学原理
                            </a><br><br>
                            &emsp;<a class="btn btn-outline-primary page-scroll" href="#education">
                                数字信号处理
                            </a>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                海洋信息学
                            </a><br><br>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                数字电路分析与设计
                            </a>
                        </h5>

                    </div>
                </div>

                <div class="card">
                    <div class="align:center" style="text-align:center">
                        <h4><br>机械、力学</h4>
                        <h5> <a href="#education" class="btn btn-outline-primary page-scroll">
                                流体力学
                            </a>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                材料力学
                            </a><br><br>
                            &emsp;<a class="btn btn-outline-primary page-scroll" href="#education">
                                理论力学
                            </a>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                机械设计
                            </a><br><br>
                            <a class="btn btn-outline-primary page-scroll" href="#education">
                                海洋工程设计
                            </a>
                        </h5>

                    </div>

                </div>
            </div>


    </section>

    <!--work experience-->
    <section class="py-7 bg-primary" id="experience">
        <div class="container">
            <div class="row">
                <div class="col-md-10 mx-auto">
                    <h2 class="text-white text-center">项目经历</h2>
                    <div class="divider bg-white mx-auto"></div>
                    <div class="card mt-5">
                        <div class="card-body">
                            <div class="timeline px-sm-5">
                                <div class="root"></div>

                                <div class="root">
                                    <div class="date">2020.3 &mdash; 现在</div>
                                    <div class="dot"></div>
                                    <div class="event">
                                        <h5 class="mb-2"><b>水下机器人竞赛</b></h5>
                                        <p style="font-size: small;"></p>
                                        <div class="text-muted small-xl">
                                            <span></span>
                                            <span class="bull"></span>
                                            <span></span>
                                        </div>
                                        <div class="content mt-4 px-0">
                                            <ol>
                                                <li>负责基于树莓派、STM32的控制与视觉识别算法推进。</li>
                                                <li>应用Python-OpenCV、卷积神经网络VGGNet进行图像识别，撰写软件代码，对嵌入式系统、自动控制原理有较好的掌握。</li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>



                                <div class="root">
                                    <div class="date">2019.12 &mdash; 2020.2</div>
                                    <div class="dot"></div>
                                    <div class="event">
                                        <h5 class="mb-2"><b>水声像形成原理与算法 训练项目</b></h5>
                                        <p style="font-size: small;">像形成理论及其自适应算法实现</p>
                                        <div class="text-muted small-xl">
                                            <span>指导老师</span>
                                            <span class="bull">•</span>
                                            <span>信电学院 赵航芳教授、宫先仪院士</span>
                                        </div>
                                        <div class="content mt-4 px-0">
                                            <ol>
                                                <li>完成水声领域像形成实验项目，熟练应用MATLAB语言。详解了像形成理论与波束形成方法，绘制出线阵、圆阵、螺旋阵对应的波束形成结果，详解了主动像形成的模糊度函数与时延——多普勒匹配滤波方法，比较了MVDR算法与CBF传统波束形成。
                                                </li>
                                                <li>同时研究自适应波束形成RLS算法、EM算法以丰富实验结果，目前相关成果正加紧成文，预期投向通信与信号领域会议</li>
                                            </ol>
                                            <div style="color:red"><br>
                                                <p style=" text-align:center">正加紧成文并预期投向AI领域IEEE会议</p>
                                                <ol type="I">
                                                    <li>《Image formation Theory and Experiment based on ML Criterion and
                                                        EM Algorithm》</li>
                                                    <li>《Entropy-based weighted regularized least squares
                                                        method(WRLS), algorithms and experiments of image formation
                                                        inferences for waves in the sea》</li>
                                                </ol>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                                <div class="root">
                                    <div class="date">2019.4 &mdash; 2020.2</div>
                                    <div class="dot"></div>
                                    <div class="event">
                                        <h5 class="mb-2">基于毫米波雷达的手势识别 科研项目</h5>
                                        <p style="font-size: small;"> 提取手势速度、距离等信息并喂入神经网络</p>
                                        <div class="text-muted small-xl">
                                            <span>指导老师</span>
                                            <span class="bull">•</span>
                                            <span>海洋学院 国家千人徐志伟教授</span>
                                        </div>
                                        <div class="content mt-4 px-0">
                                            <ol>
                                                <li>较熟练应用MATLAB语言，实现毫米波雷达采集手势信号的分析与处理，借鉴德州仪器（TI）开发工具包和成熟实验，学习毫米波雷达信号处理。
                                                </li>
                                                <li>负责信号处理算法，目前应用傅里叶变换、小波变换算法完成手势速度、距离、角度特征提取，制作相关数据集。团队成员应用数据集训练神经网络，初步实现四种手势的识别。
                                                </li>
                                            </ol>
                                            <div style="color:red"><br>
                                                <p style=" text-align:center">正加紧成文并预期投向相关领域IEEE会议</p>
                                                <ol type="I">
                                                    <li>《RD-T network for hand Gesture recognition based on
                                                        Millimeter-Wave Sensor》</li>
                                                </ol>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="root">
                                    <div class="date">2018.9 &mdash; 2019.6</div>
                                    <div class="dot"></div>
                                    <div class="event">
                                        <h5 class="mb-2">软件开发技术基础</h5>
                                        <p style="font-size: small;"> 应用Visual Studio开发三款基于MFC小型软件</p>
                                        <div class="text-muted small-xl">
                                            <span>指导老师</span>
                                            <span class="bull">•</span>
                                            <span>光电学院 袁波老师</span>
                                        </div>
                                        <div class="content mt-4 px-0">

                                            <p>选课《软件技术基础》课程，课程为包括计算机网络、计算机组成及原理、操作系统、数据库、软件工程的凝练。完成了电脑摄像头流读取与图像处理项目、Access数据库读取与保存项目、基于MFC、Socket的网络聊天室项目。
                                                同时考完计算机网络三级考试</p>
                                            <ol>
                                                <div style="color:red ;  text-align:center">

                                                    <p>正在申请相关软件著作权</p>

                                                    <li>一种实时处理的多功能图像软件V1.0</li>
                                                    <li>一种基于MFC的教务管理软件V1.0</li>
                                                    <li> 一种集成多功能服务的休闲平台软件V1.0 </li>

                                                </div>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                                <div class="root">
                                    <div class="date">2017.9 &mdash; 2018.9</div>
                                    <div class="dot"></div>
                                    <div class="event">
                                        <h5 class="mb-2">科研初探</h5>
                                        <div class="text-muted small-xl">
                                        </div>
                                        <div class="content mt-4 px-0">
                                            <ol>
                                                <li>选课《程序设计基础》、《程序设计专题》、《C++面向对象语言》课程，理解算法，完成迷宫绘制、C语言图像绘制等小项目。同时考完计算机二级C语言。
                                                </li>
                                                <li>暑期于控制学院智控所国家重点实验室学习神经网络Tensorflow知识，能够在Linux系统上训练MNIST数据集并预测手写数字。
                                                </li>
                                            </ol>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!--portfolio section-->
    <section class="py-7" id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-md-6 mx-auto text-center">
                    <h2>成果鉴赏</h2>
                    <div class="divider bg-primary mx-auto"></div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-sm-10 mx-auto">
                    <div class="slick-slider">
                        <div class="card mr-3">
                            <img class="card-img-top rounded" src="sonhtml\assets\img\haomibo\DTM.png" alt="DTM Picture"
                                title="DTM Picture">
                            <div class="card-body px-0">
                                <h5 class="card-title" style="text-align: center">基于毫米波雷达的手势识别</h5>
                                <p class="card-text text-muted" style="text-align: center">RTM——距离时间图像</p>
                            </div>
                        </div>
                        <div class="card mr-3">
                            <img class="card-img-top rounded" src="sonhtml\assets\img\haomibo\RTM.png" alt="RTM Picture"
                                title="RTM Picture">
                            <div class="card-body px-0">
                                <h5 class="card-title" style="text-align: center">基于毫米波雷达的手势识别</h5>
                                <p class="card-text text-muted" style="text-align: center">DTM——速度时间图像</p>
                            </div>
                        </div>
                        <div class="card mr-3">
                            <img class="card-img-top rounded" src="sonhtml\assets\img\haomibo\RDM.png" alt="RDM Picture"
                                title="RTM Picture">
                            <div class="card-body px-0">
                                <h5 class="card-title" style="text-align: center">基于毫米波雷达的手势识别</h5>
                                <p class="card-text text-muted" style="text-align: center">RDM——距离速度图像</p>
                            </div>
                        </div>
                        <div class="card mr-3">
                            <img class="card-img-top rounded" src="sonhtml\assets\img\haomibo\xianchang.png"
                                alt="毫米波雷达试验现场" title="主动像形成短时傅里叶变换">
                            <div class="card-body px-0">
                                <h5 class="card-title" style="text-align: center">基于毫米波雷达的手势识别</h5>
                                <p class="card-text text-muted" style="text-align: center">毫米波雷达试验现场</p>
                            </div>
                        </div>
                        <div class="card mr-3">
                            <img class="card-img-top rounded" src="sonhtml\assets\img\haixin\1.png" alt="双螺旋阵波束形成"
                                title="双螺旋阵波束形成">
                            <div class="card-body px-0">
                                <h5 class="card-title" style="text-align: center">水声像形成原理与算法</h5>
                                <p class="card-text text-muted" style="text-align: center">水池实验——双螺旋阵被动成像</p>
                            </div>
                        </div>
                        <div class="card mr-3">
                            <img class="card-img-top rounded" src="sonhtml\assets\img\haixin\2.png" alt="主动像形成短时傅里叶变换"
                                title="主动像形成短时傅里叶变换">
                            <div class="card-body px-0">
                                <h5 class="card-title" style="text-align: center">水声像形成原理与算法</h5>
                                <p class="card-text text-muted" style="text-align: center">水池实验——双螺旋阵主动成像</p>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--testimonials section-->
    <section class="py-7 bg-light" id="testimonials">
        <div class="container">
            <div class="row">
                <div class="col-md-6 mx-auto text-center">
                    <h2 class="text-capitalize">微信小程序</h2>
                    <div class="divider bg-primary mx-auto"></div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-8 mx-auto slick-users">
                    <div class="media text-center">
                        <img src="img/wechat.jpg" class="img-fluid img-profile rounded-circle d-block mx-auto"
                            alt="微信小程序" title="微信小程序" />
                        <div class="media-body mt-4">
                            <blockquote class="blockquote">
                                <p class="mb-0">ZJU备忘云机器V1.2</p>
                                <p>提供备忘服务的综合管理平台</p>
                                <footer class="blockquote-footer mt-3"><b>轻量级微信小程序</b> <br /><small>初始版本：2020年2月
                                        更新时间：2020年3月</small>
                                </footer>
                            </blockquote>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>




    <!--skills section-->
    <section class="py-7" id="skills">
        <div class="container">
            <div class="row">
                <div class="col-md-7 mx-auto text-center">
                    <h2>My Skills</h2>
                    <div class="divider bg-primary mx-auto"></div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-6 px-5">
                    <h5>Design Skills</h5>
                    <div class="skill">
                        <div class="skill-name">Illustrator <span class="badge badge-primary float-right">95%</span>
                        </div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 95%" aria-valuenow="95"
                                aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                    <div class="skill">
                        <div class="skill-name">UX / UI <span class="badge badge-primary float-right">85%</span></div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 85%" aria-valuenow="85"
                                aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                    <div class="skill">
                        <div class="skill-name">Wireframe <span class="badge badge-primary float-right">70%</span></div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 70%" aria-valuenow="70"
                                aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                    <div class="skill">
                        <div class="skill-name">Infographic <span class="badge badge-primary float-right">95%</span>
                        </div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 95%" aria-valuenow="95"
                                aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                    <div class="skill">
                        <div class="skill-name">Animation <span class="badge badge-primary float-right">65%</span></div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 65%" aria-valuenow="65"
                                aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 px-5">
                    <h5>Development Skills</h5>
                    <div class="skill">
                        <div class="skill-name">Angular <span class="badge badge-primary float-right">90%</span></div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90"
                                aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                    <div class="skill">
                        <div class="skill-name">React Native <span class="badge badge-primary float-right">80%</span>
                        </div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80"
                                aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                    <div class="skill">
                        <div class="skill-name">PHP <span class="badge badge-primary float-right">70%</span></div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 70%" aria-valuenow="70"
                                aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                    <div class="skill">
                        <div class="skill-name">HTML 5 / CSS3 <span class="badge badge-primary float-right">99%</span>
                        </div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 99%" aria-valuenow="99"
                                aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                    <div class="skill">
                        <div class="skill-name">WordPress <span class="badge badge-primary float-right">60%</span></div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" style="width: 60%" aria-valuenow="60"
                                aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    -


    <!--services section-->
    <!--
    <section class="py-7 bg-primary" id="services">
        <div class="container">
            <div class="row">
                <div class="col-md-7 mx-auto text-center">
                    <h2 class="text-white">My Services</h2>
                    <div class="divider bg-white mx-auto"></div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-md-4 mb-3">
                    <div class="card">
                        <div class="card-body text-center">
                            <div class="icon-box">
                                <div class="icon-box-inner small text-primary">
                                    <span data-feather="crop" width="30" height="30"></span>
                                </div>
                            </div>
                            <h5 class="my-3">Web Design</h5>
                            <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere
                                me doming.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="card">
                        <div class="card-body text-center">
                            <div class="icon-box">
                                <div class="icon-box-inner small text-primary">
                                    <span data-feather="monitor" width="30" height="30"></span>
                                </div>
                            </div>
                            <h5 class="my-3">Web Development</h5>
                            <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere
                                me doming.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="card">
                        <div class="card-body text-center">
                            <div class="icon-box">
                                <div class="icon-box-inner small text-primary">
                                    <span data-feather="briefcase" width="30" height="30"></span>
                                </div>
                            </div>
                            <h5 class="my-3">Branding</h5>
                            <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere
                                me doming.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="card">
                        <div class="card-body text-center">
                            <div class="icon-box">
                                <div class="icon-box-inner small text-primary">
                                    <span data-feather="smartphone" width="30" height="30"></span>
                                </div>
                            </div>
                            <h5 class="my-3">Mobile Apps</h5>
                            <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere
                                me doming.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="card">
                        <div class="card-body text-center">
                            <div class="icon-box">
                                <div class="icon-box-inner small text-primary">
                                    <span data-feather="message-square" width="30" height="30"></span>
                                </div>
                            </div>
                            <h5 class="my-3">Social Media</h5>
                            <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere
                                me doming.</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="card">
                        <div class="card-body text-center">
                            <div class="icon-box">
                                <div class="icon-box-inner small text-primary">
                                    <span data-feather="headphones" width="30" height="30"></span>
                                </div>
                            </div>
                            <h5 class="my-3">Consulting</h5>
                            <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere
                                me doming.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
-->




    <!--request a quote section-->
    <!-- <section class="py-7 bg-light">
        <div class="container">
            <div class="row">
                <div class="col-md-8 mx-auto text-center">
                    <h2>Have a project for me?</h2>
                    <div class="divider bg-primary mx-auto"></div>
                    <p class="text-muted">
                        I am available for contract work. Let's get in touch.
                    </p>
                    <div class="mt-3">
                        <form>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Your name">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="email" class="form-control" placeholder="Your email address">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="tel" class="form-control" placeholder="Phone number">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="url" class="form-control" placeholder="Your website">
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="form-group">
                                        <textarea rows="5" class="form-control"
                                            placeholder="Short summary of the work"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="text-center mt-3">
                                <button class="btn btn-primary">Get A Free Quote</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    -->

    <!--footer / contact-->
    <footer class="py-6 bg-dark text-white" id="contact">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h5 class="text-white">Rongjie Huang</h5>
                    <div class="divider divider-sm bg-white mt-3"></div>
                    <p class="mt-4">
                        CongratulationS! 热情、专注、勇进
                    </p>
                    <ul class="list-inline social social-sm social-rounded mt-4">
                        <li class="list-inline-item">
                            <a href="https://github.com/Rongjiehuang"><img class="img-fluid" src="img/github.png"
                                    alt="View me in GitHub!"></a>
                        </li>
                        <li class="list-inline-item">
                            <a href="https://space.bilibili.com/293288011/"><img class="img-fluid" src="img/bili.png"
                                    alt="View me in bilibili!"></a>
                        </li>
                        <li class="list-inline-item">
                            <a href="http://wpa.qq.com/msgrd?v=3&uin=935012782&site=qq&menu=yes"><img class="img-fluid"
                                    src="img/qq.png" alt="Chat with me!"></a>
                        </li>
                        <li class="list-inline-item">
                            <a href="Mailto:rongjiehuang@zju.edu.cn"><img class="img-fluid" src="img/mail.png"
                                    alt="Send me an E-mail!"></a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4 ml-auto">
                    <h5 class="text-white">Contact Information</h5>
                    <div class="divider divider-sm bg-white mt-3"></div>
                    <ul class="list-unstyled mt-4">
                        <li class=" mb-2">
                            <span class="mr-2" data-feather="phone" width="20" height="20"></span>
                            +86 153 5615 7286
                        </li>
                        <li class=" mb-2">
                            <span class="mr-2" data-feather="mail" width="20" height="20"></span>
                            Rongjiehuang@zju.edu.cn
                        </li>
                        <li class=" mb-2">
                            <span class="mr-2" data-feather="map-pin" width="20" height="20"></span>
                            Zhejiang University, HangZhou, Zhejiang, China
                        </li>
                    </ul>
                </div>
            </div>
            <hr class="my-5" />
            <div class="row">
                <div class="col-12 text-muted text-center">
                    @2020 —— Proudecd By 黄融杰<br>Model Collect From Internet</a>
                </div>
            </div>
        </div>
    </footer>

    <!--scroll to top-->
    <div class="scroll-top">
        <i class="fa fa-angle-up" aria-hidden="true"></i>
    </div>

    <!-- theme switcher (FOR DEMO ONLY - REMOVE FROM PRODUCTION)-->
    <div class="switcher-wrap">
        <div class="switcher-trigger">
            <span class="fa fa-gear"></span>
        </div>
        <div class="color-switcher">
            <h6>Color Switcher</h6>
            <ul class="mt-3 clearfix">
                <li class="bg-black active" data-color="default" title="Default Black"></li>
                <li class="bg-green" data-color="green" title="Green"></li>
                <li class="bg-indigo" data-color="indigo" title="Indigo"></li>
                <li class="bg-orange" data-color="orange" title="Orange"></li>
                <li class="bg-red" data-color="red" title="Red"></li>
                <li class="bg-blue" data-color="blue" title="Blue"></li>
                <li class="bg-teal" data-color="teal" title="Teal"></li>
                <li class="bg-cyan" data-color="cyan" title="Cyan"></li>
                <li class="bg-purple" data-color="purple" title="Purple"></li>
                <li class="bg-pink" data-color="pink" title="Pink"></li>
            </ul>
            <p>选择喜爱的<b>颜色</b>继续浏览</p>
        </div>
    </div>

    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.5.0/feather.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Typist/1.2/typist.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
    <script src="js/scripts.js"></script>
</body>

</html>